.head-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 380rpx;
}
.container {
	background: linear-gradient(180deg, #00D679 17%, #FFFFFF 99%);
	padding: 0 32rpx;
	font-size: 28rpx;
}
.item-box {
	border: 2rpx solid #fff;
	border-radius: 24rpx;
    overflow: hidden;
    position: relative;
	.item-header {
		background: linear-gradient(90deg, #CDF9E4 0%, #DAF9E9 100%);
		padding: 30rpx 24rpx 60rpx 30rpx;
    }
    .item-header-bg {
        position: absolute;
        right: 34rpx;
        top: 7rpx;
        width: 96rpx;
        height: 115rpx;
    }
    .setting {
        position: relative;
        z-index: 100;
    }
    .icon-edit {
        width: 32rpx;
        height: 32rpx;
    }
	.item-body {
		background: linear-gradient(180deg, #DAFFF2 0%, rgba(218, 255, 242, 0) 26%, rgba(131, 255, 199, 0) 26%), #FFFFFF;
		margin-top: -30rpx;
		border-radius: 24rpx;
        padding: 24rpx 26rpx;
        position: relative;
        z-index: 1500;
	}
	.item-name {
		min-width: 5em;
	}
	.box-gray {
		background: #F8F9FD;
		padding: 20rpx 16rpx;
		border-radius: 12rpx;
	}
}
.fc-gray {
	color: #9497B1;
}
.fc-dark-gray {
    color: #6B6B86;
}
.status-0 {
    color: #fff;
    background: #00D679;
    padding: 2rpx 10rpx;
    border-radius: 8rpx;
}
.status-1 {
    @extend .status-0;
    background: #FF7E68;
}
.qr-box {
    background: url('https://bullet001.oss-cn-shanghai.aliyuncs.com/file/payManagerfbf3e2c8-72dd-4e64-ac86-6a9f4e3198a4.png') no-repeat;
    background-size: 100%;
    width: 100%;
    height: 970rpx;
    margin-bottom: calc(200rpx + constant(safe-area-inset-bottom));
    margin-bottom: calc(200rpx + env(safe-area-inset-bottom));
    .project-name {
        text-align: center;
        padding-top: 230rpx;
    }
    .hint {
        text-align: center;
        margin-top: 50rpx;
    }
    .qr-image {
        display: block;
        margin: 80rpx auto 0;
        width: 360rpx;
        height:360rpx;
    }
}
.foot-btn {
    z-index: 1000 !important;
    .button {
        border-radius: 16rpx;        
    }
    .hint-box {
        position: absolute;
        width: calc(100% - 60rpx);
        left: 50%;
        top: -65rpx;
        transform: translateX(-50%);
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 125%), linear-gradient(90deg, #FFEEF3 0%, #FEEDE5 100%);
        box-shadow: 0 8rpx 20rpx 0 #E3E5E4;
        font-size: 24rpx;
        padding: 15rpx 24rpx;
        border-radius: 16rpx;
        box-sizing: border-box;
        z-index: 1001;
    }
    .icon-triangel {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: -26rpx;
        width: 60rpx;
        height: 18rpx;
    }
    .icon-container {
        padding-left: 20rpx;
        padding-bottom: 20rpx;
        position: absolute;
        right: 0;
        top: 0;
    }
    .icon-close {
        width: 36rpx;
        height: 36rpx;
        background-color: rgba(107, 107, 134, 0.5);
        border-radius: 0 16rpx 0 16rpx;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}